import React from 'react';

import { PickerView } from 'antd-mobile';
import FilterFooter from "../../../../components/FilterFooter";




export default class FilterPicker extends React.Component {
    // 状态值书写区域
    state = {
        value: this.props.defaultValue
    }
    //  事件处理区域


    // 视图渲染区域
    render() {
        const { data, cols, onCancel, onSave, type } = this.props
        const { value } = this.state
        return (
            <>
                {/* 
          选择器组件： 
          注意：一定要设置组件 value 属性的值，为当前选中状态的值，否则，无法实现切换选中项
        */}
                <PickerView
                    data={data}//数据源
                    value={value}
                    cols={cols}
                    onChange={(val) => {
                        this.setState({
                            value: val
                        })
                    }}
                />

                {/* 底部按钮 */}
                <FilterFooter
                    onCancel={() => onCancel(type)}
                    onOk={() => onSave(type, value)}
                />
            </>
        )
    }
}